<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link rel="stylesheet" type="text/css" href="common.css" />
	<script src="gallery.js" type="text/javascript" charset="utf-8"></script>
	<title>Fruitful Minds</title>
</head> 

<body onload="init_gallery('gallery')">
<div id="top" />
<div id="container">

<div id="masthead">
<a id="logo" href="index.html"><img src="common/logo_full.png" alt="Fruitful Minds" /></a>
<ul id="topnav">
	<li id="nav1" class="topnav-box">
		<a href="#">Students &amp; Parents</a>
		<ul class="topnav-menu">
			<li><a href="#">Activities</a></li>
			<li><a href="#">Recipes</a></li>
			<li><a href="#">News</a></li>
			<li><a href="#">Blog</a></li>
		</ul>
	</li>
	<li id="nav2" class="topnav-box">
		<a href="#">Educators</a>
		<ul class="topnav-menu">
			<li><a href="#">Bring FM to your school</a></li>
			<li><a href="#">Schedule a workshop</a></li>
			<li><a href="#">Purchase curriculum</a></li>
		</ul>
	</li>
	<li id="nav3" class="topnav-box">
		<a href="#">Get Involved</a>
		<ul class="topnav-menu">
			<li><a href="#">Giving</a></li>
			<li><a href="#">Franchise</a></li>
			<li><a href="#">Volunteer</a></li>
		</ul>
	</li>
</ul>
</div>


<div id="content">
<ul id="gallery">
	<li style="position: absolute; top: 0;">
		<div class="gtext"><h2><a href="page1.html">Headline 1</a></h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
		<img src="gallery/g1.jpg" alt="" />
	</li>
	<li style="position: absolute; top: 0; visibility: hidden;">
		<div class="gtext"><h2><a href="page2.html">Headline 2</a></h2><p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div>
		<img src="gallery/g2.jpg" alt="" />
	</li>
	<li style="position: absolute; top: 0; visibility: hidden;">
		<div class="gtext"><h2><a href="page3.html">Headline 3</a></h2><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p></div>
		<img src="gallery/g3.jpg" alt="" />
	</li>
</ul>

<div id="col2-wrap">
<div id="col1-wrap">
	<div id="col1">
		<div id="mainbar">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius lacus sit amet libero iaculis faucibus. Phasellus ac est vitae lectus faucibus ullamcorper euismod nec diam. Pellentesque vitae arcu ut mi accumsan tincidunt vel ut purus. Duis et mauris vel nisi vehicula convallis in id mauris. Pellentesque imperdiet tincidunt nulla porta eleifend. Nulla placerat mollis volutpat. Fusce vestibulum interdum suscipit. Maecenas molestie mattis lobortis. Nunc non ultrices mi. Quisque sem sem, tempus vitae imperdiet ac, semper sed magna. Nam sed metus ligula, in facilisis massa. Etiam est magna, scelerisque non faucibus a, pharetra vitae mauris. Etiam at lacinia neque. Nulla eleifend velit id lectus vulputate nec tincidunt ipsum pellentesque.</p>
<p>Integer justo lectus, aliquet vel elementum sed, laoreet vel odio. Pellentesque non lorem in velit varius aliquet sed sit amet arcu. Aliquam erat volutpat. Aliquam nec nibh eget augue mattis porta. Donec quis lacus et nisi rhoncus faucibus. Etiam aliquet eros in augue consectetur at tincidunt velit lobortis. Curabitur egestas nisl a nisl laoreet porta. Duis dictum leo vel lorem faucibus vitae viverra odio dignissim. Integer convallis nulla ac augue aliquet commodo. Fusce ultricies commodo quam ac tincidunt. Donec dictum, lorem id pretium iaculis, nulla lorem feugiat mauris, at faucibus libero lacus vel mi. Fusce vestibulum facilisis arcu, vel aliquet risus eleifend sodales. Proin in lorem vel ipsum auctor lobortis.</p>
<p>Vivamus non luctus justo. Quisque lacus tellus, hendrerit ac consequat in, consectetur id libero. Nam fermentum turpis nec quam egestas sodales. Nunc non nulla neque. Duis in purus vel nulla elementum semper non at tellus. Nam et arcu molestie massa accumsan sagittis. Cras accumsan dui id quam vestibulum vitae consectetur eros rutrum. Aenean vulputate mattis magna sed suscipit. Suspendisse potenti. Vestibulum lobortis sapien in tortor eleifend molestie. Nunc leo justo, bibendum sit amet suscipit vel, vehicula vitae nulla. Sed vitae tortor semper justo sagittis mollis et nec tortor. Maecenas nec diam a magna rutrum placerat. Integer leo felis, molestie vehicula imperdiet vel, rutrum accumsan nulla.</p>
<!--<p>Praesent risus dolor, bibendum bibendum congue blandit, vestibulum pulvinar tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam metus dolor, ornare sed tempor lobortis, ultrices in lacus. Aliquam dictum aliquet metus, non posuere nibh molestie a. Etiam vitae cursus purus. Etiam pellentesque libero id lacus ornare porta. Ut tempor convallis lacinia. Quisque vehicula scelerisque nisi ac malesuada. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec feugiat fringilla urna tempus hendrerit. Mauris nisl lorem, vestibulum sit amet pretium id, lacinia sit amet quam. Donec sit amet turpis odio, ac aliquam lacus. Fusce metus neque, scelerisque sed dictum eget, pellentesque in justo.</p>-->
		</div>
	</div>
	<div id="col2">
		<div id="sidebar">
		<h2>News</h2>
		<ul>
			<li>Foobar</li>
			<li>Hello world</li>
			<li>...</li>
		</ul>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		</div>
	</div>
</div> <!-- id:col2-wrap -->
</div> <!-- id:col1-wrap -->

</div> <!-- id:content -->

<div id="footer">
<div id="footer-content">
&copy; 2011 Fruitful Minds | <a href="http://validator.w3.org/check/referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="#top">Back to top</a>&uarr;
</div>
</div>

</div>
</body>
</html>